'<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2018-05-16
  Time: 16:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>货品采购统计</title>
    <%--货品采购统计--%>


    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/statics/table/locale/bootstrap-table-zh-CN.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.css"/>




    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/date/Moment.js"></script>

    <script type="text/javascript"
            src="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.js"></script>

    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/statics/easyui/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/easyui/icon.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/easyui/demo.css">

    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/easyui/jquery.easyui.min.js"></script>








    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/huopingcaigoutongji.js"></script>
</head>
<body>
<%--标题--%>
<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div>
            <ul id="myTab" class="nav navbar-nav" >
                <li class="active"><a href="#home" data-toggle="tab">进货货品明细表</a></li>
                <li><a href="#jinhuohuopinfenleitongjibiao" data-toggle="tab">进货货品分类统计表</a></li>
                <li><a href="#jinhuohuopinfenleitongjitu" data-toggle="tab">进货货品分类统计图</a></li>

            </ul>
        </div>
    </div>
</nav>
<br>

<%--标题内容--%>
<div id="myTabContent" class="tab-content">
    <%--进货货品明细表--%>
    <div class="tab-pane fade in active" id="home">
        <!--功能面板-->
        <div class="panel panel-default">

            <%--查找--%>

            &nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-default navbar-btn"  data-target="#myModal" data-toggle="modal">查找</button>
            <div class="panel-body">
                <%--查询--%>
                <form class="form-inline">
                    <%--按时间查询--%>
                    <div  class="input-group input-daterange">
                        <input id="firstDate1" type="text" class="form-control">
                        <div class="input-group-addon">到：</div>
                        <input id="secondDate1" type="text" class="form-control">
                    </div>
                    &nbsp;


                        货品类别:

                            <input id="typeid" class="easyui-combogrid" style="width:200px" data-options="
                                                panelWidth: 300,
                                                idField: 'id',
                                                textField: 'name',
                                                url: '${pageContext.request.contextPath}/commtype/list',
                                                method: 'get',
                                                columns: [[
                                                    {field:'id',title:'类别id',width:100},
                                                    {field:'name',title:'分类名称',width:150},
                                                ]],
                                                fitColumns: true
                                            ">

                        </select>&nbsp;
                        货品名称:<input type="text" class="form-control" id="minzi">

                        <button onclick="search()" type="button" class="btn btn-default">查询</button>
                </form>
                <table id="syso"></table>
            </div>
        </div>
    </div>




    <%--进货货品分类统计表--%>
    <div class="tab-pane fade" id="jinhuohuopinfenleitongjibiao">

        <!--功能面板-->
        <div class="panel panel-default">
            <div class="panel-body">
                <%--查询--%>
                <form class="form-inline">


                    <%--按供货商查询--%>
                    &nbsp;供货商名称:
                    <input id="t" class="easyui-combogrid" style="width:200px" data-options="
			                    panelWidth: 500,
			                    idField: 'id',
			                    textField: 'name',

			                    url: '${pageContext.request.contextPath}/supp/query',
			                    method: 'get',
			                    columns: [[
				                        {field:'id',title:'供货商id',width:100},
				                        {field:'name',title:'供货商名称',width:150},
				                        {field:'ming',title:'联系人',width:120},
				                        {field:'phone',title:'手机号',width:180},
				                        {field:'address',title:'供货商地址',width:200},
			                    ]],
			                    fitColumns: true
		                    ">

                    <button onclick="supp()" type="button" class="btn btn-default">查询</button>

                </form>
                <table id="jhfl"></table>


            </div>
        </div>
    </diV>

   <%--进货货品分类统计图--%>
    <div class="tab-pane fade" id="jinhuohuopinfenleitongjitu">

            <!--功能面板-->
            <div class="panel panel-default">
                <div class="panel-body">
                    <%--查询--%>
                    <form class="form-inline">
                        <%--按时间查询--%>
                        <div  class="input-group input-daterange">
                            <input id="si" type="text" class="form-control">
                            <div class="input-group-addon">到：</div>
                            <input id="sisiDate" type="text" class="form-control">
                        </div>
                        &nbsp;

                        <%--按供货商查询--%>
                        供货商名称:
                        <input id="supplierid" class="easyui-combogrid" style="width:200px" data-options="
			                    panelWidth: 500,
			                    idField: 'id',
			                    textField: 'name',

			                    url: '${pageContext.request.contextPath}/supp/query',
			                    method: 'get',
			                    columns: [[
				                        {field:'id',title:'供货商id',width:100},
				                        {field:'name',title:'供货商名称',width:150},
				                        {field:'ming',title:'联系人',width:120},
				                        {field:'phone',title:'手机号',width:180},
				                        {field:'address',title:'供货商地址',width:200},
			                    ]],
			                    fitColumns: true
		                    ">

                        <button onclick="supp()" type="button" class="btn btn-default">查询</button>

                    </form>
                    <table id=""></table>


                </div>
            </div>
        </diV>


</div>
</body>
</html>
